<template>

            <h2>第一个页面</h2>
                        <div>
                                Name
                        </div>
            <span>{{ Name }} </span>
            <select>
                    <option>张三</option>
                    <option>123</option>
                    <option>1234</option>
            </select>
            <div v-html="addreee">

                 
            </div>

            <div>
                        <input  type="text" id="101" name="StuName">
                        <input type="text" :id="Sid"  :name="Sname"> <br>


            </div>

            <div>

                        <button :disabled="flag" >点击我！</button>

            </div>

</template>

<script setup lang="ts"> 

//声明常量并赋值
const Name="张三";
//文本插值会将数据解析为纯文本，如果想插入html内容需要借助v-html指令
const addreee="<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E9%98%BF%E6%96%AF%E9%A1%BF'>百度官网</a>"


//声明参数并为控件绑定数据  通过v-bind完成属性的绑定
const Sid="102";
const Sname="TeaName";

//声明bool类型的常量
const flag =true;




</script>

<style>
</style>